<?php 
	/**
	 * @todo : 
	 * - Cho phep download nhieu dinh dang
	 * - Hien thi danh sach filter thay vi la anh mau => Su dung chinh anh up len
	 */
?>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />

	<title>Instagram-like Filters with jQuery | Tutorialzine Demo</title>
	<link href="assets/css/style.css" rel="stylesheet" />

	<!-- Include the Yanone Kaffeesatz font -->
	<link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200" rel="stylesheet" />

</head>
<body>

	<h1>Instagram <b>Filters</b></h1>
	<div id="photo">
    	<a href="javascript:void(0)" class="downloadImage" target="_blank" download="photo.png">Download Image</a>
	</div>

	<div id="filterContainer">
		<ul id="filters">
			<li> <a href="javascript:void(0)" id="normal" class="active">Normal</a> </li>
			<li> <a href="javascript:void(0)" id="vintage">Vintage</a> </li>
			<li> <a href="javascript:void(0)" id="lomo">Lomo</a> </li>
			<li> <a href="javascript:void(0)" id="clarity">Clarity</a> </li>
			<li> <a href="javascript:void(0)" id="sinCity">Sin City</a> </li>
			<li> <a href="javascript:void(0)" id="sunrise">Sunrise</a> </li> 
			<li> <a href="javascript:void(0)" id="crossProcess">Cross Process</a> </li>
			<li> <a href="javascript:void(0)" id="orangePeel">Orange Peel</a> </li>
			<li> <a href="javascript:void(0)" id="love">Love</a> </li>
			<li> <a href="javascript:void(0)" id="grungy">Grungy</a> </li>
			<li> <a href="javascript:void(0)" id="jarques">Jarques</a> </li>
			<li> <a href="javascript:void(0)" id="pinhole">Pinhole</a> </li>
			<li> <a href="javascript:void(0)" id="oldBoot">Old Boot</a> </li>
			<li> <a href="javascript:void(0)" id="glowingSun">Glowing Sun</a> </li>
			<li> <a href="javascript:void(0)" id="hazyDays">Hazy Days</a> </li>
			<li> <a href="javascript:void(0)" id="herMajesty">Her Majesty</a> </li>
			<li> <a href="javascript:void(0)" id="nostalgia">Nostalgia</a> </li>
			<li> <a href="javascript:void(0)" id="hemingway">Hemingway</a> </li>
			<li> <a href="javascript:void(0)" id="concentrate">Concentrate</a> </li>
		</ul>
	</div>

	<!-- Libraries -->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/filereader.min.js"></script>
	<script src="assets/js/caman.full.min.js"></script>
	<script src="assets/js/jquery.mousewheel.js"></script>
	<script src="assets/js/script.js"></script>

</body>
</html>